@charset "utf-8";
html {
    font-size: 100px
}

@media (min-width: 320px) {
    html {
        font-size: 100px
    }
}

@media (min-width: 360px) {
    html {
        font-size: 112.5px
    }
}

@media (min-width: 400px) {
    html {
        font-size: 125px
    }
}

@media (min-width: 640px) {
    html {
        font-size: 200px
    }
}
body {
    background: #fff;
    font-size: .12rem
}
#divBody {
    background: #fff;
    min-width: 3.2rem;
    margin: 0 auto;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}
html,body,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,b,u,i,p,em,td,th,input,textarea,label,select,iframe {
    font-family: "黑体",Arial;
    color: #444;
    padding: 0;
    margin: 0
}
html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

img {
    font-size: .06rem;
    vertical-align: middle
}

input {
    outline: 0
}

td {
    font-family: Arial
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ul,li {
    vertical-align: bottom;
    padding: 0;
    margin: 0
}

em,i {
    font-style: normal
}

li {
    list-style: none
}

ol {
    list-style-type: none;
    list-style: none
}

dd {
    margin-left: 0
}

a img {
    border: 0
}

h1 {
    font-size: .1rem
}

h2,h3 {
    font-size: .07rem;
    font-family: "黑体"
}

h4,h5,h6 {
    font-size: .06rem
}

a {
    color: #666;
    text-decoration: none;
    outline: 0
}

a:active {
    color: #ff9600;
    text-decoration: none
}

a {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.m0 {
    margin: 0!important
}

.mt20 {
    margin-top: .1rem
}

.mt30 {
    margin-top: .15rem
}

.mt50 {
    margin-top: .25rem
}

.mr15 {
    margin-right: .075rem
}

.mr35 {
    margin-right: .175rem
}

.mr50 {
    margin-right: .25rem
}

.mr60 {
    margin-right: .3rem
}

.mr70 {
    margin-right: .35rem
}

.ml20 {
    margin-left: .1rem
}

.ml45 {
    margin-left: .225rem
}

.mb15 {
    margin-bottom: .075rem!important
}

.mb120 {
    margin-bottom: .6rem
}

.p0 {
    padding: 0!important
}

.fl {
    float: left!important;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.clear {
    clear: both
}

.b0 {
    border: 0!important
}

.noline:after {
    display: none!important
}

.hide {
    display: none
}

.tac {
    text-align: center!important
}

.tar {
    text-align: right!important
}

.none {
    color: #b6b6b6!important
}

.clb8d75a {
    color: #b8d75a!important
}

.bgb8d75a {
    background-color: #b8d75a!important
}

.bg_gray {
    background-color: #f2f2f2!important
}

.my_mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0,0,0,.4)
}
/*以上为初始化文件*/
#divBody, body, #seckillContent{
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    overflow-x: hidden;
}
.time_box {
    padding: 0 .04rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin-top: .36rem;
    height: 1rem
}
.time_box .point_ico {
    width: .05rem;
    height: .05rem;
    margin-left: -.3125em;
    margin-top: -.3125em;
    border-radius: 50%;
    background-color: #c9c9c9;
    position: absolute;
    z-index: 1
}

.time_box .on {
    background-color: #add13e
}

.time_bar {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    height: 1.68rem;
    border-top-color: #c9c9c9 !important;
    border-color: transparent;
    border-width: .01rem;
    border-style: solid;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%
}
.ico {
    opacity: 0;
    width: .48rem;
    text-align: center;
    position: absolute;
    z-index: 2;
    margin-top: -.3rem;
    margin-left: -.24rem;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease
}
.time_box .ico img, .time_box .ico img {
    margin-bottom: .14rem;
    width: .24rem
}
.time_box .ico p, .time_box .ico p {
    font: 400 .08rem/0.11rem "黑体";
    color: #c9c9c9
}
.time_box .ico p font, .time_box .ico p font {
    font: 400 .13rem/0.11rem "黑体";
    display: block
}
.time_box .ico_center img {
    margin-bottom: .14rem;
    width: .24rem
}
.time_box .ico_center p {
    font: 400 .09rem/0.12rem "黑体";
    color: #c9c9c9
}

.time_box .ico_center p font {
    font: 400 .14rem/0.15rem "黑体";
    display: block
}
.time_box .ico_left {
    top: 20%;
    left: 10%;
    opacity: 1
}

.time_box .ico_center {
    top: 0;
    left: 50%;
    opacity: 1
}

.time_box .ico_right {
    top: 20%;
    left: 90%;
    opacity: 1
}
.nav_left {
    top: 20%;
    left: 10%
}

.nav_center {
    top: 0;
    left: 50%
}

.nav_right {
    top: 20%;
    left: 90%
}
.time_box .ico .ico_start {
    color: #ff9b00
}

.time_box .ico .ico_end {
    color: #add13e
}

.time_box .ico .ico_ended {
    color: #c9c9c9
}

.time_start, .time_end, .time_ended {
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
    top: .42rem;
    left: 0
}
.time_start em, .time_end em, .time_ended em {
    font: 400 .14rem/0.32rem "黑体";
    vertical-align: top;
    padding-right: .08rem
}

.time_start span, .time_end span, .time_ended span {
    background: rgba(255, 255, 255, .5);
    font: 400 .24rem/0.32rem "黑体";
    width: .37rem;
    display: inline-block;
    border-radius: .03rem
}

.time_start font, .time_end font, .time_ended font {
    width: .12rem;
    font: 400 .24rem/0.28rem "黑体";
    display: inline-block;
    color: #c9c9c9;
    vertical-align: top
}

.time_start em, .time_start span {
    color: #ff9600
}

.time_end em, .time_end span {
    color: #add13e
}

.time_ended em, .time_ended span {
    color: #c9c9c9
}
.countdown {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}
.countdown, .product_list {
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}
.product_list{
    position: relative;
    left:0;
}
.none {
    display: none
}

.time_box .nomore {
    opacity: 0
}
.time_sku {
    padding: 0 .1rem;
    box-sizing: border-box;
    width: 100%;
    position: absolute
}
.time_sku li {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: .08rem;
    padding: .09rem .16rem .09rem .09rem;
    border-radius: .08rem;
    position: relative
}
.time_sku li a {
    display: block;
    text-decoration: none
}
.time_sku li .pic {
    float: left;
    margin-right: .16rem
}

.time_sku li .pic img {
    width: 1.08rem
}
.time_sku li .name {
    font: 400 .14rem/0.23rem "黑体";
    color: #888;
    height: .46rem;
    text-overflow: clip;
    display: block;
    overflow: hidden;
    margin-top: .04rem
}
.time_sku li .price {
    font: 400 .22rem/0.26rem "黑体", Arial;
    color: #ff9b00
}
.time_sku li .oldprice {
    font: 400 .13rem/0.2rem "黑体", Arial;
    color: #c9c9c9;
    height: .2rem;
    margin-top: .12rem;
    text-decoration: line-through
}
.time_sku li .btn {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0
}

.time_sku li .btn img {
    width: .28rem
}

.time_sku li .btn a {
    padding: .12rem
}
.time_sku li .btn a.no {
    font: 400 .13rem/0.25rem "黑体";
    color: #999
}























































